@charset "utf-8";

	*{ margin: 0 auto; font-family:"微软雅黑";}
	div,p,span,section{ overflow:hidden;}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ max-width:100%;}
	section{ width:100%;}
	svg{ display:none;}
	
	/*头部样式*/
	.max{ max-width:1200px;}
	.header{ align-items:center; overflow:visible;width:100%;}
	.header .max{ display:flex; align-items:center; overflow:visible;}
	.logo{ font-size:34px; float:left; max-width:20%; color:#fff; text-align:left; margin-left:0px;}
	.header_r{ max-width:70%; width:100%; float:right; overflow:visible; margin-right:0px;}
	.header_tel{line-height:64px;}
	.header_tel span:first-child{ float:left; color:#333; font-size:16px;}
	.header_tel span:nth-child(2){ float:right; color:#f5002e; font-size:14px;}

	/*导航样式*/
	.nav{ float:right; width:100%; text-align:right; display:flex; flex-wrap:wrap; overflow:visible;}
	.nav>li{ max-width:calc(100% / 7); float:left; text-align:center; width:100%; position:relative;}
	.nav>li a{ font-size:16px; text-align:center; color:#333; line-height:100px; float:left; width:100%;}
	.nav>li:hover>a{ color:#fff; background:#cf8733;}
	#dh{ display:none; float:right; width:20%;}
	.dh{text-align:center;max-width:64px; border:1px solid #999; font-size:36px; max-height:64px; width:100%; height:150px;}
	
	.nav li ol{ background:rgba(0,0,0,0.35); float:left; width:100%; position:absolute; top:100%; overflow:hidden; z-index:25;}
	.nav li ol li{ float:left; width:100%; max-width:100%;padding:0 10px; box-sizing:border-box; text-align:center; color:#fff;}
	.nav li ol li a{ color:#fff; font-size:14px; display:block; line-height:0px;  width:100%; overflow:hidden;}
	.nav li:hover ol{box-sizing:border-box;}
	.nav li:hover ol li a{ line-height:60px;}
	.nav li ol li:hover{background:#cf8733;}
	
	
	
	/*幻灯片样式*/	
	.banner{ max-width:100%; position:relative;}
	.banner ul{ position:absolute; z-index:0; left:0px; top:0px;}
	.banner ul li{ float:left; max-width:100%; overflow:hidden;}
	.banner:hover ol{ opacity:1;}
	.banner ol{ list-style:none;  padding-left:48%;opacity:0; width:100%; position:absolute; bottom:2%; transition:all 0.5s;-webkit-transition:all 0.5s;}
	.banner ol li{ margin:0 5px; cursor:pointer; border-radius:50%; height:5px; width:5px; float:left; border:2px solid #f08200; opacity:0.8;}
	.banner ol li:hover{border:2px solid #f08200; opacity:1;}
	.banner li img{min-height:150px;}
	
	.lef_rig{ display:none;}
	.lef_rig span:first-child{ opacity:0.5; cursor:pointer; top:35%; position:absolute; height:53px; z-index:2; background:url(../images/left_right.png); width:50px; left:1%; }
	.lef_rig span:nth-child(2){ cursor:pointer;opacity:0.5; top:35%; position:absolute; height:53px; z-index:2; background:url(../images/left_right.png) bottom; width:50px; right:1%; }
	.lef_rig span:hover{ opacity:0.8; }
	.lef_rig span+span:hover{ opacity:0.8; }
	#dot{ background:#f08200; border:2px solid #f08200; opacity:1;}
	.page_news{ background:#f4f4f4;}
	.pro_list{background:#f4f4f4;}
	.news_list{background:#f4f4f4;}
	
	.often{ text-align:center; margin-bottom:55px;}
	.often p:first-child{ font-size:30px; font-weight:bold; color:#333; margin-top:45px;}
	.often p:nth-of-type(2){ font-size:12px; letter-spacing:13px; color:#aaa; margin-top:15px; text-transform:uppercase;}
	
	.service li{ float:left; max-width:calc(100% / 4 - 15px); width:100%; margin:0px 20px 55px 0px;}
	.service li:nth-of-type(4n){ margin-right:0px;}
	.service li .title span:first-child{ border:2px solid #d8d8d8; float:left; height:104px; width:80px; text-align:center; display:flex; align-items:center;}
	.service li .title span img{ max-width:100%; max-height:100%;}
	.service li .title span:nth-of-type(2){ max-width:calc(100% - 100px); float:right; width:100%;}
	.service li .title span:nth-of-type(2) p:first-child{ color:#333; font-size:16px;padding:14px 0px;}
	.service li .title span:nth-of-type(2) p:nth-of-type(2){ color:#999; font-size:14px;}
	.service li .img{ width:100%; height:190px; border:5px solid #e5e6e8; box-sizing:border-box; margin-top:28px;}
	.service li .img img{ width:100%; height:100%; object-fit:cover;}
	
	.service li:hover span:first-child{border:2px solid #cf8733}
	.service li:hover .title img{filter:url(#change);}
	.service li:hover .title span p{color:#cf8733 !important;}
	.service li:hover .img{ border:5px solid #cf8733;}
	
	.expert{ background:url(../images/01.jpg) no-repeat left top; background-size:100% 100%;}
	.expert .max ul{ position:relative; overflow:hidden; height:240px;}
	.expert .max li{ width:228px; float:left; box-sizing:border-box; margin-right:14px; position:absolute;}
	.expert .max li span{ border:5px solid #4b4948; box-sizing:border-box; display:block;}
	.expert .max li img{ height:171px; width:100%; object-fit:cover; display:block;}
	.expert .max li p{margin:20px 0px; text-align:center; font-size:14px; color:#333; white-space:pre; text-overflow:ellipsis;}
	.expert .max div{ display:block; text-align:center; width:100%; margin:60px auto;}
	.expert .max div span{ width:60px; height:60px; display:inline-block; line-height:60px; text-align:center; border-radius:100%; background:url(../images/09.png); background-position:center; background-repeat:no-repeat; cursor:pointer; margin-left:40px; background-color:#808080;}
	.expert .max div span:nth-of-type(2){ background-image:url(../images/10.png);}
	.expert .max div span:hover{ background-color:#fff;}
	.expert .max li:hover span{ border:5px solid #cf8733;}
	.expert .max .often{ margin-top:0px;}
	
	
	.about{ padding-bottom:55px;}
	.about_l{ max-width:570px; float:left;}
	.about_l span::before{ content:""; height:10px; background:#e5e5e5; width:60px; display:block; margin-bottom:25px;}
	.about_l span{ color:#cf8733; font-size:36px; display:block; width:100%; margin-left:0px; text-transform:uppercase; line-height:36px;}
	
	.about_l p{ width:100%; text-align:left; margin-top:30px; color:#222; font-size:14px; float:left; line-height:22px;}
	.about_l p:nth-of-type(1){ font-size:20px; font-weight:bold; color:#333;}
	.abouta{ font-size:14px; color:#f08200; float:left; text-align:center; margin-top:35px; width:166px; line-height:48px; height:48px; border:1px solid #f08200; box-sizing:border-box;}
	.about_r{ max-width:600px;float:right;}
	.about_r img{width:100%; height:520px; object-fit:cover;}
	.abouta:hover{ background:#f08200; color:#fff;}
	
	
	.news{padding-bottom:40px; background:#f4f4f4;}
	.news_l{ max-width:432px; background:rgba(255,255,255,1.00); width:100%; float:left; padding:48px 3%; box-sizing:border-box;}
	.news_l p{color:#000;}
	.news_l time{ font-size:23px; color:#000; margin-bottom:25px; display:block;}
	.news_l .title{ font-size:20px; font-weight:bold; text-overflow:ellipsis; white-space:pre; margin:25px 0px;}
	.news_l .content{ margin-top:28px; margin-bottom:45px; font-size:14px; line-height:25px; padding-left:13px; box-sizing:border-box; border-left:1px solid #e4e4e4; max-height:75px; min-height:25px;}
	.news_l span{ width:100%; float:left; overflow:hidden;}
	.news_l span img{ float:left; width:100%; height:240px; object-fit:cover; transition:all linear 0.25s;}
	.news_l .more{ float:left; width:120px; height:40px; background:#4b4948; text-align:center; color:#fff; line-height:40px; font-size:16px; margin-top:40px; text-transform:uppercase; border-radius:40px;}
	
	.news_r{ max-width:calc(100% - 500px); float:right;}
	.news_r ul{ overflow:hidden;}
	.news_r li::before{ content:""; background:#bababa; width:20px; height:5px; display:block; margin-left:80px;}
	.news_r li{ float:left; width:100%; box-sizing:border-box;}
	.news_r li a{ padding-top:30px; padding-bottom:35px; display:block; overflow:hidden;}
	.news_r li time{ max-width:100px; width:100%; float:left; text-align:right;}
	.news_r li time p:first-child{ font-size:18px; color:#333; margin-bottom:17px;}
	.news_r li time p:nth-of-type(2){font-size:12px; color:#666;}
	.news_r li span{ max-width:calc(100% - 135px); float:right; width:100%; font-size:20px; font-weight:bold;}
	.news_r li span p:nth-of-type(1){text-overflow:ellipsis; white-space:pre;}
	.news_r li span p:nth-of-type(n+2){ margin-top:8px; font-size:14px; font-weight:normal; color:#666; line-height:24px; max-height:48px; padding-right:2%; box-sizing:border-box;}
	.news_r div{ display:block; width:100%;}
	.news_r div a{ float:right; width:120px; line-height:40px; border:1px solid #9a9a99; margin-top:80px; border-radius:40px; text-align:center; font-size:16px; color:#000;}
	.news_r li:hover{ background:#fff;}
	.news_r div a:hover{ border:1px solid #f08200; background:#f08200; color:#fff;}
	.news_l .more:hover{ background:#f08200; color:#fff;}
	
	
		
	
	.footer_t{background:linear-gradient(to right,#4b4a48,#4b4a48 50%,#333 50%,#333 100%);}
	.footer_t::before{
		content:""; display:block; width:100%;height:20px;
		background:linear-gradient(to right,#4b4a48 0%,#4b4a48 50%,#4b4a48 calc(50% + 200px),#f4f4f4 calc(50% + 201px),#f4f4f4 80%,#f4f4f4 100%);
	}
	.footer_tl{ float:left; max-width:800px; background:#4b4a48; width:100%; padding:30px auto; padding-right:50px; box-sizing:border-box;}
	
	.footer_tl div p{ display:inline-block; margin-right:5%;}
	.footer_tl div:first-child{font-size:18px; font-weight:bold;}
	.footer_tl span div:nth-of-type(2){ background:url(../images/tel.png) no-repeat left 6px; padding-left:25px; box-sizing:border-box;}
	.footer_tl span div:nth-of-type(3){ background:url(../images/add.png) no-repeat left 6px; padding-left:25px; box-sizing:border-box;}
	.footer_tl span div:nth-of-type(4){ background:url(../images/fax.png) no-repeat left 6px; padding-left:25px; box-sizing:border-box;}
	.footer_tl div{ line-height:29px; font-size:14px; color:#ddd;}
	.footer_tl div:child-of-type(1) span{ margin-top:20px; float:left;}
	
	.footer_logo{ border-bottom:1px solid #6d6d6d; padding:40px 0px;}
	.footer_logo span:first-child{ max-width:220px; text-align:center; float:left; width:100%;}
	.footer_logo span:nth-of-type(2){ max-width:calc(100% - 220px);float:right; width:100%;}
	.footer_logo span p{ font-size:14px; line-height:36px; color:#ddd;}
	.url{ color:#ccc; font-size:14px; line-height:36px; max-height:110px; height:110px;}
	.url span{ float:left;}
	.url a{ color:#ccc; margin-right:16px; float:left;}
	.footer_tr{ float:right; max-width:calc(100% - 900px); background:#333; padding-top:40px; color:#fff;}
	.footer_tr div span{ float:left; margin-right:15px;}
	.footer_tr div span img{ float:left;}
	.footer_b{ display:block; background:#333; text-align:center; color:#aaa; line-height:65px; font-size:14px;}
	.footer_b a{color:#aaa; margin-left:3%; display:inline-block;}
	.footer_b span{ line-height:normal;}
	
	
	
	/*新闻页面*/
	.page_list{ float:left; width:100%; text-align:center; margin:40px auto; cursor:pointer;}
	.page_list a:first-child{ display:none;}
	.page_list a{ color:#333; display:inline-block;}
	.page_list a:hover{ color:#ee0000; font-weight:bold;}
	
	.page_news_list{ max-width:1200px; margin-top:85px; display:block;}
	.page_news_list li{ float:left; width:100%; border-bottom:1px solid #ededed; padding-bottom:40px; padding-top:40px; border-bottom:1px dashed #7d7d7d;}
	.page_news_list li:first-child{ padding-top:0px;}
	.page_news_list li .picture{ float:left; width:30%;}
	.page_news_list li div img{ float:left; width:100%; height:190px; object-fit:cover;}
	.page_news_list li .content{ float:right; width:68%;}
	.page_news_list li .content p:nth-of-type(1){ font-size:18px; line-height:26px; color:#333; margin:5px 0px; text-overflow:ellipsis; white-space:pre;}
	.page_news_list li .content time{ font-size:13px; line-height:26px; color:#787878; margin-bottom:5px; display:block;}
	.page_news_list li .content p:nth-of-type(2){ font-size:13px; line-height:25px; color:#787878; max-height:75px; height:75px;}
	.page_news_list li .content span{ max-width:100px; height:32px; width:100%; line-height:32px; font-size:14px; color:#818181; margin-top:10px; border:1px solid #e1e1e1; display:inline-block; text-align:center;}
	.page_news_list li:hover div:nth-of-type(2) p:nth-of-type(1){color:#ee0000;}
	.page_news_list li .content span:hover{background:#ee0000; color:#fff; border-color:#fff;}
	
	.page_pro_list{ margin-top:45px;}
	.page_pro_list li{ max-width:calc(25% - 15px); margin:10px 7px; float:left;width: 100%;}
	.page_pro_list li div img{ width:100%; height:220px; float:left; object-fit:cover;}
	.page_pro_list li .content{color:#333; padding: 10px 5%;}
	.page_pro_list li .content p:first-child{ font-size:16px; white-space:pre; text-overflow:ellipsis; line-height:30px;}
	.page_pro_list li:hover{ box-shadow:0px 0px 8px -3px #000;}
	
	.page_address{ color:#7D7D7D; font-size:14px;line-height:58px; border-bottom:1px solid #d3d3d3;}
	.page_address a{ color:#7D7D7D;}
	.page_address a:first-child{ padding-left:15px; background:url(../images/08.jpg) no-repeat left center;}
	
	.page_odd{ margin:40px auto;}
	.page_odd .title{ text-align:center; font-size:26px; line-height:45px; color:#000; margin-bottom:10px;}
	.page_odd time{ text-align:center; display:block; font-size:14px;color:#999; margin-bottom:15px; padding-top:10px; border-top:1px solid #ededed;}
	.page_odd .content{ display:block;}
	.page_odd .content p{ line-height:24px; text-align:left; color:#333; font-size:14px;}
	.page_odd .img{ text-align:center;}
	.page_odd .img img{ max-height:300px;}
	.km{ margin-bottom:40px !important;}
	
	.pro_class{ margin:25px auto;}
	.pro_class div{ font-size:24px; margin-bottom:20px;}
	.pro_class a{ width:calc(100% / 7 - 13px); border-radius:8px; float:left; border:1px solid #fbdcb7; box-sizing:border-box; color:#333; margin-right:15px; margin-bottom:5px; line-height:40px; text-align:center;}
	.pro_class a:nth-of-type(7n){ margin-right:0px;}
	.pro_class a:hover{background:#f08200; color:#fff;}
	
	

	/*返回顶部*/
	.top{ width:50px; height:50px; line-height:50px;background:rgba(207,135,50,0.90); color:#fff; position:fixed; text-align:center; bottom:25%; cursor:pointer; display:none;font-weight:bold; font-size:30px; right:1%;}
	
	.sj_footer{ display:none; width:100%; background:#fff; position:fixed; bottom:0px; border-top:1px solid #ccc;}
	.sj_footer a{ width:33%; float:left; text-align:center; padding:3% 0;}
	.sj_footer span{ width:100%; float:left; color:#333; font-family:"微软雅黑";}
	.sj_footer img{ max-width:20%;}

	
	@font-face{
		font-family:"ygyxsziti2.0";
		src:url(../font/ygyxsziti2.0.ttf);
	}